<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/getWishData.css"/>

</head>
<body>
<div class="container">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h1 class="panel-title">抓取宝贝信息</h1>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-12">
                    <form class="form-horizontal" action="" role="form" ng-controller="UserInfoCtrl">
                        <div class="form-group">
                            <label class="col-md-2 control-label">链接：</label>
                            <div class="col-md-10">
                                <!--<input type="email" class="form-control" ng-model="userInfo.email" placeholder="推荐使用126邮箱"/>-->
                                <input type="link" id="cid" class="form-control" placeholder="宝贝链接"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-offset-2 col-md-10">
                                <button type="button" id="myButton" data-loading-text="获取中..."
                                        class="btn btn-primary btn-lg" autocomplete="off">获取
                                </button>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-offset-2 col-md-10">
                                <div class="alert alert-danger" id="alert" role="alert"></div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-md-12">
                    <div class="tab">
                        <div class="col-md-3 col-sm-3 tab_hd curr">关键词</div>
                        <div class="col-md-3 col-sm-3 tab_hd">标题 价格</div>
                        <div class="col-md-3 col-sm-3 tab_hd">描述 图片</div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="tab_bd">
                        <div id="tags" class="item">
                            <h2 class="page-header">Tags:</h2>
                            <p class="data"></p>
                        </div>
                        <div id="merchant_tags" class="item">
                            <h2 class="page-header">Merchant_Tags:</h2>
                            <p class="data"></p>
                        </div>
                    </div>
                    <div class="tab_bd">
                        <div id="name" class="item">
                            <h2 class="page-header">Name:</h2>
                            <p class="data"></p>
                        </div>
                        <div id="price" class="item">
                            <h2 class="page-header">Price & Shipping:</h2>
                            <p class="data"></p>
                            <p class="shipping"></p>
                        </div>
                    </div>
                    <div class="tab_bd">
                        <div id="description" class="item">
                            <h2 class="page-header">Description:</h2>
                            <p class="data"></p>
                        </div>
                        <div id="thumb" class="item">
                            <h2 class="page-header">Thumb:</h2>
                            <p class="data"></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/getWishData.js"></script>
</html>
